import { Button } from "antd";
import type { FC } from "react";

const HeaderBar: FC = () => {
  return (
    <header className="w-full px-6 py-3 flex justify-between items-center shadow-sm sticky top-0 z-10 bg-white">
      <div className="text-xl font-semibold">MarkdownOnline · 文档中心</div>
      <div className="flex gap-4 items-center">
        <Button type="link">通知</Button>
        <Button type="link">设置</Button>
        <div className="w-8 h-8 rounded-full bg-gray-300" />
      </div>
    </header>
  );
};

export default HeaderBar;
